<template>
    <div class="attendance-management">
        <div class="header">
            <div class="header-left">
                <router-link to="/main/xingzheng/gudingzichan" class="back-btn">
                    <i class="el-icon-arrow-left">返回</i>
                </router-link>
                <div class="save-info">
                    <el-button type="primary" icon="el-icon-check" @click="saveRecord">保存</el-button>
                    <el-button type="info" icon="el-icon-printer" @click="printForm">打印</el-button>
                </div>
            </div>
            <h1 class="title">深圳市艾美思普科技有限公司<br>固定资产管理办法</h1>
            <div class="meta">
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">文件编号：{{ meta.fileNumber }}</p>
                    <input v-else v-model="meta.fileNumber" style="width: 100px;" @blur="editMeta = false" />
                </div>
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">文件版本：{{ meta.version }}</p>
                    <input v-else v-model="meta.version" style="width: 100px;" @blur="editMeta = false" />
                </div>
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">编制部门：{{ meta.department }}</p>
                    <input v-else v-model="meta.department" style="width: 100px;" @blur="editMeta = false" />
                </div>
                <div @dblclick="editMeta = true">
                    <p v-if="!editMeta">生效日期：{{ meta.effectiveDate }}</p>
                    <input v-else v-model="meta.effectiveDate" style="width: 100px;" @blur="editMeta = false" />
                </div>
            </div>
            <div>
                <div style="display: flex;justify-content: space-around; margin-bottom: 20px;line-height: 30px;">
                    <div @dblclick="editApproval = true">
                        <label v-if="!editApproval"><span>批准：{{ approvalPerson }}</span>
                            <span>日期：{{ approvalDate.year }}年{{ approvalDate.month }}月{{ approvalDate.day
                                }}日</span></label>
                        <label v-else>
                            <span>批准：<input type="text" v-model="approvalPerson" style="width: 100px;"
                                    @blur="editApproval = false" /></span>
                            <span>日期：<input type="text" v-model="approvalDate.year" style="width: 40px;">年
                                <input type="text" v-model="approvalDate.month" style="width: 40px;">月
                                <input type="text" v-model="approvalDate.day" style="width: 40px;">日</span>
                        </label>
                    </div>
                    <div @dblclick="editReview = true">
                        <label v-if="!editReview"><span>审核：{{ reviewer }}</span>
                            <span>日期：{{ reviewDate.year }}年{{ reviewDate.month }}月{{ reviewDate.day }}日</span></label>
                        <label v-else>
                            <span>审核：<input type="text" v-model="reviewer" style="width: 100px;"
                                    @blur="editReview = false" /></span>
                            <span>日期：<input type="text" v-model="reviewDate.year" style="width: 40px;">年
                                <input type="text" v-model="reviewDate.month" style="width: 40px;">月
                                <input type="text" v-model="reviewDate.day" style="width: 40px;">日</span>
                        </label>
                    </div>
                    <div @dblclick="editCompilation = true">
                        <label v-if="!editCompilation"><span>编制：{{ compilationPerson }}</span>
                            <span>日期：{{ compilationDate.year }}年{{ compilationDate.month }}月{{ compilationDate.day
                                }}日</span></label>
                        <label v-else>
                            <span>编制：<input type="text" v-model="compilationPerson" style="width: 100px;"
                                    @blur="editCompilation = false" /></span>
                            <span>日期：<input type="text" v-model="compilationDate.year" style="width: 40px;">年
                                <input type="text" v-model="compilationDate.month" style="width: 40px;">月
                                <input type="text" v-model="compilationDate.day" style="width: 40px;">日</span>
                        </label>
                    </div>
                </div>
                <!-- 分发部门编号部分 -->
                <div>
                    <label>分发部门编号</label><br>
                    <div v-for="(group, groupIndex) in distributionGroups" :key="groupIndex">
                        <div
                            style="display: grid;grid-template-columns: repeat(4,1fr); gap: 10px; text-align: left; align-items: center;width: 600px;margin: 10px auto;">
                            <div style="white-space: nowrap; display: flex;" v-for="(item, itemIndex) in group"
                                :key="itemIndex">
                                &emsp;<input type="checkbox" v-model="selectedDepartments[item.value]">
                                <span @dblclick="isEditingDepartment = true" v-if="!isEditingDepartment">{{ item.label
                                    }}</span>
                                <input v-else type="text" v-model="item.label" @blur="isEditingDepartment = false" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 修订记录部分 -->
            <button class="add-record-btn" @click="addRevisionRecord">新增修订记录</button>
            <table>
                <caption>修订记录</caption>
                <thead>
                    <tr>
                        <th>版本</th>
                        <th>生效日期</th>
                        <th>修订内容摘要</th>
                        <th>修订部门</th>
                        <th>修订人</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(record, index) in revisionRecords" :key="index">
                        <td><input type="text" v-model="record.version"></td>
                        <td>
                            <input type="text" v-model="record.effectiveDate.year" style="width: 40px;">年
                            <input type="text" v-model="record.effectiveDate.month" style="width: 40px;">月
                            <input type="text" v-model="record.effectiveDate.day" style="width: 40px;">日
                        </td>
                        <td><input type="text" v-model="record.summary"></td>
                        <td><input type="text" v-model="record.department"></td>
                        <td><input type="text" v-model="record.revisor"></td>
                    </tr>
                </tbody>
            </table>
            <p style="font-weight: bold;font-size: 1.4em;">使用前请确认是否为最新版本！</p>
            <div v-for="(section, index) in documentSections" :key="index">
                <h3 style="text-align: left;">{{ section.title }}</h3>
                <!-- TODO  -->
                <p style="text-align: left;text-indent: 1.5em;" v-for="(yidian, ydIndex) in section.yidian"
                    :key="ydIndex">{{ yidian }}</p>
                <div v-if="section.type === 'list'">
                    <ul>
                        <li style="text-align: left;list-style: none;text-indent: 2.5em;"
                            v-for="(item, subIndex) in section.content" :key="subIndex">{{ item }}</li>
                    </ul>
                </div>
                <div v-else>{{ section.content }}</div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            meta: {
                fileNumber: 'AP-A-JY-32',
                version: 'B/1',
                department: '企管部行政',
                effectiveDate: '2015-01-01'
            },
            approvalPerson: '',//批准
            reviewer: '',//审核
            compilationPerson: '',//编制
            approvalDate: { year: '', month: '', day: '' },
            reviewDate: { year: '', month: '', day: '' },
            compilationDate: { year: '', month: '', day: '' },
            distributionGroups: [
                [
                    { value: '01', label: '01:总 经 理室' },
                    { value: '02', label: '02:管理者代表' },
                    { value: '03', label: '03:企业管理部' },
                    { value: '04', label: '04:财务管理部' }
                ],
                [
                    { value: '10', label: '10:手机厂务部' },
                    { value: '16', label: '16:总装生产部' },
                    { value: '25', label: '25:品质部' },
                    { value: '30', label: '30:光电厂务部' }
                ],
                [
                    { value: '11', label: '11:手机业务部' },
                    { value: '20', label: '20:厂务部' },
                    { value: '26', label: '26: S M T' },
                    { value: '31', label: '31:光电生产部' }
                ],
                [
                    { value: '12', label: '12:手机物控部' },
                    { value: '21', label: '21:业务部' },
                    { value: '27', label: '27:二车间' },
                    { value: '32', label: '32:光电品质部' }
                ],
                [
                    { value: '13', label: '13:板卡生产部' },
                    { value: '22', label: '22:研发部' },
                    { value: '28', label: '28:三车间' },
                    { value: '33', label: '33:光电业务部' }
                ],
                [
                    { value: '14', label: '14:手机品质部' },
                    { value: '23', label: '23:物控部' },
                    { value: '29', label: '29:采购部' },
                    { value: '34', label: '34:光电物控部' }
                ],
                [
                    { value: '15', label: '15:手机工程部' },
                    { value: '24', label: '24:工程部' }
                ]
            ], selectedDepartments: {},
            revisionRecords: [
                {
                    version: 'B/1',
                    effectiveDate: { year: '2015', month: '01', day: '01' },
                    summary: '修订5.2.1/5.2.2条款',
                    department: '企管部行政',
                    revisor: '杨淑华'
                }
            ],
            editMeta: false,
            editApproval: false,
            editReview: false,
            editCompilation: false,
            isEditingDepartment: false, documentSections: [
                {
                    title: '1 目的',
                    type: 'list',
                    content: ['为使公司各项资产的购买、保管、维护等管理有明确一致的程序，使资产设备的维护与使用达到其经济效益，避免公司资产的浪费与不合理的损失，特制定本办法。']
                },
                {
                    title: '2 范围',
                    type: 'list',
                    content: ['凡深圳市艾美思普科技有限公司所使用的资产均属管理范围。']
                },
                {
                    title: '3 职责',
                    type: 'list',
                    yidian: ['3.1 企业管理部行政组负责对本管理办法进行培训、解释、说明和稽核。',
                        '3.2 各部资产管理员对各事业部固定资产的进行汇总管理、编号，包括资产台帐刷新、资产盘点、新增注销资产单据管控、与财务管理部进行资产对帐。',
                        '3.3 财务管理部负责对固定资产进行监管，单据的审验、付款、核算等帐务处理。',
                        '3.4 相关部门负责固定资产的请购、采购、验收、请款、盘点、安置、保管、保养、维修、移转、报废、折让出售等相关作业的执行，并负责对本部门员工进行培训、宣导、协助、指导本部门员工贯彻执行。'
                    ],
                    content: ''
                },
                {
                    title: '4 定义',
                    type: 'list',
                    yidian: ['4.1 固定资产：原则上以购入单位价值在人民币2000元（含）以上，使用年限超过两年的资产，具体以《固定资产分类明细表》为准。']
                },
                {
                    title: '5 内容',
                    type: 'list',
                    yidian: ['5.1 公司固定资产依使用范围划分为下列七大类：'],
                    content: [
                        '5.1.1 机器设备（代码：A）：凡直接使用于生产线上用以制造、加工、维修、包装的各项设备，及工程研究试作的设备、工具均属生产设备。例如：波峰焊、回流焊、流水拉等。',
                        '5.1.2 仪器设备（代码：B）：凡用以对材料、产品、工具、设备等做测试、测量、实验分析的各项设备或工具均属仪器设备。例如：静电测试仪、示波器、音响、功放等。',
                        '5.1.3 运输设备（代码：C）：凡公司购入的任何车辆及其配备、附属品均属运输设备。',
                        '5.1.4 办公设备（代码：D）：凡使用于办公管理作业之设备或各级人员处理一般事务所需运用的设备均属办公设备。例如：传真机、交换机、广播系统及打印机、电脑及电脑相关性配备、不断电系统等属办公设备。',
                        '5.1.5 电器设备（代码：E）：除5.1.1、5.1.2、5.1.3、5.1.4项以外的接电设备均属于电器设备。例如：空调、空压机、发电机、烤箱、风淋门、储气罐等。',
                        '5.1.6 物业设施（代码：F）：凡土地、房屋或与之连接，不能移动或分离且为各部门共同使用工具厂房整体功能配合使用的设备，或属公共设施相关之设备均属之。',
                        '5.1.7 福利设施（代码：G）：凡使用于为职员工生活服务的设施均属于福利设施，如：乒乓球台、灶台、蒸饭柜、太阳能热水器等。',
                    ],

                },
                {
                    type: 'list',
                    yidian: ['5.2 资产编号：',

                    ],
                    content: ['5.2.1 符合本办法的固定资产编号，由各事业部指定固定资产管理员统一编资产编号，再贴资产标签。',
                        '5.2.2 固定资产事业部代码：光电事业部：GD；手机事业部：SJ；事务部门：QG；工业园：GY。',
                        '5.2.3 固定资产编号：事业部代码+固定资产类别代码+流水号（5位数）。同一资产若有配件，应在原编码后+ 流水号（2位数），即：事业部代码+固定资产类别代码+流水号（5位数）+流水号（2位数）',]
                },
                {
                    type: 'list',
                    yidian: ['5.3 固定资产请购：',],
                    content: ['5.3.1 新增资产：需写明新增理由，新增资产的岗位，使用人；以旧换新：需先填写《固定资产注销申请单》，相关手续完成后方可申购。',
                        '5.3.2 由需求单位填写《申购单》，内容应详细填写欲购置设备之品名/规格、数量、使用岗位、使用人等。',
                        '5.3.3 《申购单》经各部门核准后交由采购部门进行采购，未经签核的单据采购部门可以拒绝办理。',
                        '5.3.4 《申购单》一式四联，第一联申购单位留存，第二联财务记账留存，第三联由采购责任人留存，报支时附《支付证明单》后作为报支凭证之一，第四联仓库留存。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.4 验收：',
                    ],
                    content: ['5.4.1 固定资产购入后由请购部门负责验收，必要时请专业部门协助检验，经验收合格填写《设备验收记录表》。',
                        '5.4.2 验收不合格的资产设备由采购部门退还厂商并完成后续退换作业。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.5 入库、安置：',
                    ],
                    content: [
                        '5.5.1 资产购入后由采购单位负责入库；',
                        '5.5.2 资产入库后由采购单位通知申购单位领用安置；',
                        '5.5.3 仓库人员填制《新增固定资产月度统计表》，经确认、审核后至行政管理部与财务管理部；',
                        '5.5.4 安置设备如须委托公司以外单位或厂商处理，由行政管理部同请购部门、采购部门共同负责安排。',
                        '5.5.5 安置设备所支出的费用由采购单位负责申报请款。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.6 《机器设备履历卡》与《固定资产标签》：',
                    ],
                    content: ['5.6.1 固定资产于取得后各事业部资产管理部门应建立《机器设备履历卡》予以管制。',
                        '5.6.2 财务应审查出库单的合规性，并做好固定资产台帐登记工作。',
                        '5.6.3 各事业部固定资产编号由各业部固定资产管理员统一编制。',
                        '5.6.4 资产设备为一体者均视为同一设备不另编号。',
                        '5.6.5 与主设备配合使用，非主设备的部分，分离后与其他设备配合使用仍维持其原功能者视为另一设备，应另编资产号码，如：数据机、扫描器等。',
                        '5.6.6 固定资产的建卡与编号以一物一卡一号为原则。',
                        '5.6.7 《机器设备履历卡》的保管单位联，由保管单位主管指派专人统一管理，归档成册作为该单位固定资产清册，以便查核管制。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.7 请款：',
                    ],
                    content: [
                        '5.7.1 资产设备款项的支付申请由采购单位负责办理。',
                        '5.7.2 请款时于《支付证明单》后须附《申购单》、《入库单》、《设备验收记录表》、正规发票，购置大型、大批量设备须签定一式两份、双方各执一份的《购销合同》，正本归档财务部，请款单位留复印件；出具由行政组填写的《机器设备履历卡》交由财务管理部门审核，确认固定资产的取得，手续齐备后方可安排付款。',
                        '5.7.3 资产设备之操作手册、说明书、保证书及其他相关凭证文件由请购单位保存不得遗失，否则追究行政责任。',
                        '5.7.4 请款凭证不全或与实物不符，财务部拒绝付款。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.8 保管：',
                    ],
                    content: ['5.8.1 各类固定资产，由使用单位负责保管。有两个以上部门人员共用者，由共用部门的共同主管指定保管单位。',
                        '5.8.2 尚未验收的资产设备由接收单位负责保管。',
                        '5.8.3 员工离职应与主管指派的新保管人办理移交，由保管单位经理负责监交。未办理移交或移交不实者，不予发放薪资；若保管的资产遗失或损坏者，追究赔偿。',
                        '5.8.4 资产保管人对保管的资产负保管、保养、维护之责，实物负责人离职时必须核验保管资产方可办理相关手续。',
                        '5.8.5 任何人对资产设备均应爱惜，凡蓄意破坏或偷窃资产，一经查获，除对资产负责赔偿之外，视情况追究法律责任。',
                        '5.8.6 保管单位对若有增加或注销之资产在当月份更新帐册并报财务管理部与行政管理部，财务管理部须不定期进行稽核，对未将资产列帐管理或帐册混乱的单位限期改善，对不能达成目标的单位及个人依照《奖惩管理办法》呈报惩处，对优秀单位呈报嘉奖。',
                        '5.8.7 每月由资产管理部门对新增固定资产依据《新增固定资产月度统计表》进行统计汇总，财务部审核后发予行政组进行不定时抽查、核对。',

                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.9 维修保养：',
                    ],
                    content: [
                        '5.9.1 固定资产的维修与保养，依据《设备仪器管理规范》操作。',
                        '5.9.2 委外维修保养费用由采购部门负责申请，请款时于《支付证明单》后须附《设备维修申请单》、正规发票，维修大型、大批设备时须签定《维修保养合同》，正本一并附于《支付证明单》后。',
                        '5.9.3 财务管理部审核《设备维修申请单》上的责任人员栏是否有会签，如未有责任人会签予以退件，对恶意损坏资产的责任人， 财务部应要求请款单位于《设备维修申请单》上注明扣除金额，于当月薪资内予以扣除。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.10 资产转移',
                    ],
                    content: [
                        '5.10.1 资产需转移时，由保管部门填制《固定资产转移单》。',
                        '5.10.2 申请部门应详细填写转移原因及转移方式，如转移资产须支付费用时，或需做其他施工者，应同时开立《设备维修申请单》。经总经理核准始生效。',
                        '5.10.3 《固定资产转移单》签完后，原保管部门将《固定资产转移单》复印，发于原保管单位和接收单位财务及行政部做帐留底。',
                        '5.10.4 原资产因报废、出售、遗失所留下的配件，需移转他人时，该配件由原保管人申请办理移转。',
                        '5.10.5 原资产仍在帐上，因故需移转配件，由新保管人申请办理移转。',
                    ]
                },
                {
                    type: 'list',
                    yidian: ['5.11 资产报废、报失、折价出售：',
                    ],
                    content: [
                        '5.11.1 资产报废、资产遗失、折价出售由保管单位开立《固定资产注销申请单》。',
                        '5.11.2 资产如为遗失，其责任人的惩处或赔偿应以惩处公告及相关部门与行政管理部共同签名的扣薪证明或现金为凭证。',
                        '5.11.3 原资产设备未损坏，仅部分配件报废或出售者，应单独就该配件提出注销申请，报财务管理部调帐，比照前述程序办理。',
                        '5.11.4 原资产注销其配件需随同资产一并处理时，于《固定资产注销申请单》的建议处置栏详列出配件编号名称，注明一并注销的原因。',
                        '5.11.5 配件移转他用时，除于建议栏中说明外，如仍为原保管人保管者，由原保管人重开《机器设备履历卡》单独登录入帐，原《机器设备履历卡》随资产一并注销。但注销的《机器设备履历卡》由原保管人保留作为设备档案。',
                        '5.11.6 资产的请购、采购、验收、请款、付款、维修保养、移转、报废、报失、折价出售、注销均由部门主管/经理、事业部部长签名确认，各事业部会计审核，行政组审查后呈总经理批准生效。',
                    ]
                },
                {
                    type: 'list',
                    yidian: [
                        '5.12 外租固定资产的管理:',
                    ],
                    content: [
                        '5.12.1 外租固定资产的盘点、保管、维护由使用单位负责。',
                        '5.12.2 外租固定资产的维修由使用单位填写《设备维修申请单》交租赁人根据租赁合同协议处理。',
                        '5.12.3 终止租赁合同或租赁到期时，各事业部根据租赁合同对外租固定资产进行处理。',
                    ]
                },
                {
                    type: 'list',
                    yidian: [
                        '5.13 资产盘点',
                    ],
                    content: [
                        '5.13.1 依据公司经营需要，由财务管理部主导组织每年度的年中与年底进行总计两次的固定资产盘点。',
                        '5.13.2 盘点中根据财务部提供的《固定资产明细表》进行实物盘点，并填制《固定资产盘点表》．详细盘点细则依照《固定资产盘点作业流程》执行。',
                        '5.13.3 行政管理部对固定资产进行定期或不定期的抽查，以确保资产的安全。',
                        '5.13.4 对于盘点当中出现的异常情况（帐有实无、实有帐无）等必须在当次盘点中全部结案，因为资产转移、报废、或帐目本身出错等情况而产生的差异，在当次盘点后的台帐上及时更正，帐有实物不存在，或无法找到的固定资产，行政管理部必须组织财务管理部、责任部门等相关单位进行联合稽查，找出原因。'
                    ]
                },
                {
                    title: '6 附件、相关文件及表单',
                    type: 'list',
                    yidian: [
                        '6.1 相关文件：',
                    ],
                    content: [
                        '6.1.1 《奖惩管理办法》',
                        '6.1.2 《设备仪器管理规范》',
                        '6.1.3 《固定资产盘点作业流程》',
                    ]
                },
                {
                    type: 'list',
                    yidian: [
                        '6.2 相关表单：',
                    ],
                    content: [
                        '6.2.1 《固定资产注销申请单》',
                        '6.2.2 《申购单》',
                        '6.2.3 《支付证明单》',
                        '6.2.4 《设备验收记录表》',
                        '6.2.5 《新增固定资产月度统计表》',
                        '6.2.6 《机器设备履历卡》',
                        '6.2.7 《固定资产标签》',
                        '6.2.8 《入库单》',
                        '6.2.9 《设备验收记录表》',
                        '6.2.10 《设备维修申请单》',
                        '6.2.11 《固定资产转移单》',
                        '6.2.12 《固定资产盘点表》'
                    ]
                }

            ]
        };
    },
    methods: {
        addRevisionRecord() {
            this.revisionRecords.push({
                version: '',
                effectiveDate: { year: '', month: '', day: '' },
                summary: '',
                department: '',
                revisor: ''
            });
        },
        saveRecord() {
            console.log(this.meta);
        },
        printForm() {
            window.print()
        },
    }
};
</script>
<style lang="scss" scoped>
.attendance-management {
    line-height: 1.5;
    font-family: '宋体', sans-serif;
    /* 设置字体 */
    padding: 20px;
    /* 页面内边距 */
}

.header {
    width: 1200px;
    margin: 0 auto;
}

.header-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #409EFF;

    i {
        // font-size: 20px;
        color: #409EFF;
    }

    a.back-btn.router-link-active {
        color: #409EFF;
    }
}

.title {
    text-align: center;
    /* 标题居中 */
    // font-size: 24px;
    /* 标题字体大小 */
}

.meta {
    margin: 0 auto;
    width: 160px;
    text-align: left;
    /* 元信息居中 */
    margin-bottom: 5px;
    /* 元信息下方边距 */
    color: #000;
    /* 元信息字体颜色 */
}

.meta p {
    margin: 5px 0;
    /* 元信息段落内边距 */
}

/* 批准、审核、编制部分样式 */
.attendance-management div div {
    /* display: flex; */
    /* flex-direction: column; */
    /* 垂直排列 */
    align-items: center;
    /* 水平居中 */
}

.attendance-management div div label {
    margin-bottom: 5px;
    /* 标签下方边距 */
}

.attendance-management div div span {
    display: flex;
    /* 水平排列输入框 */
}

.attendance-management div div span input {
    margin-right: 5px;
    /* 输入框之间的间距 */
}

input {
    border: none;
    /* 去掉输入框边框 */
    background-color: transparent;
    /* 去掉输入框背景色 */
}

/* 分发部门编号部分样式 */
.distribution-groups {
    margin-bottom: 20px;
    /* 下方边距 */
}

.distribution-groups label {
    margin-bottom: 5px;
    /* 标签下方边距 */
    display: block;
    /* 单独占一行 */
}

.distribution-groups div {
    margin-bottom: 10px;
    /* 每个分组下方边距 */
}

/* 修订记录表格样式 */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    /* 表格下方边距 */
}

table th,
table td {
    border: 1px solid #ccc;
    /* 边框颜色和样式 */
    padding: 8px;
    /* 内边距 */
    text-align: center;
    /* 文本左对齐 */
}

table caption {
    margin-bottom: 10px;
    /* 标题下方边距 */
    font-size: 18px;
    /* 标题字体大小 */
    font-weight: bold;
    /* 标题加粗 */
}

/* 章节样式 */
.section {
    /* margin-bottom: 10px; */
    /* 章节下方边距 */
}

.section-title {
    text-align: left;
    /* font-size: 20px; */
    /* 章节标题字体大小 */
    color: #007bff;
    /* 章节标题字体颜色 */
    /* margin-bottom: 10px; */
    /* 章节标题下方边距 */
}

.content {
    margin-bottom: 10px;
    /* 内容段落下方边距 */
    text-align: left;
    text-indent: 2em;
}

/* 子章节样式 */
.subsection {
    text-indent: 2.2em;
    /* 子章节左缩进 */
}

.subsection-title {
    text-indent: 1em;
    /* font-size: 18px; */
    /* 子章节标题字体大小 */
    color: #333;
    /* 子章节标题字体颜色 */
    /* margin-bottom: 10px; */
    /* 子章节标题下方边距 */
    text-align: left;
}


/* 附件表格样式 */
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
    /* 文本居中 */
}

@media print {
    .header {
        width: 1000px;
        margin: 0px;
    }

    .header-left {
        display: none;
    }

    .add-department {
        display: none;
    }

    .add-record-btn {
        display: none;
    }

    table {
        margin: 10px 0px;
    }

    .info-table,
    .content-table,
    .approval-table {
        border: 1px solid #000;

        td,
        th {
            border: 1px solid #000;
        }
    }

    td,
    th {
        padding: 5px;
        border: 1px solid #000;
        // white-space: nowrap;
    }
}
</style>